<template>
	<section id="smallShop">
			<div class="tableBox_title">
				<van-nav-bar title="友情购" />
			</div>

			<div class="street">
					<!-- 个人信息模块 -->
					<!-- <div class="info" @click="jumpWindow('https://qwd.jd.com/previewShop.shtml?isNoCheckPlatProtocol=1&shopid=3769889')">
						<div class="info_wrapper">
							<div class="baguette">
								<span>进店</span>
							</div>
							<img class="info_banner" src="https://xs.jd.com/images/qwshop/banner/fengjing1.jpg">
							<div class="info_person display_flex">
								<div class="info_avatar">
									<img class="info_avatar_img" src="https://xs.jd.com/images/qwshop/head/head6.jpg">
								</div>
								<div class="info_description">
									<div class="info_description_wrapper display_flex">
										<div class="info_description_container">
											<p class="info_description_name">请优惠</p>
										</div>
										<button class="info_description_share" style="display: none;">分享店铺<i class="street_icon"></i></button>
									</div>
									<p class="info_description_slogan">集合百家精选，专注优质实惠！</p>
								</div>
							</div>
						</div>
					</div> -->
					<!-- @click="jumpWindow('https://m.tb.cn/h.eanim1t')" -->
					<div class="info" >
						<div class="info_wrapper">
							<!-- 进店 -->
							<!-- <div class="baguette">
									<span>进店</span>
							</div> -->

							<div class="info_person display_flex">
								<div class="info_avatar">
									<img class="info_avatar_img" src="http://gw.alicdn.com/tfs/TB13AJ5lxTI8KJjSspiXXbM4FXa-120-120.png_140x10000.jpg_.webp">
								</div>
								<div class="info_description">
									<div class="info_description_wrapper display_flex">
										<div class="info_description_container">
											<p class="info_description_name">九木人服饰</p>
										</div>
										<button class="info_description_share" style="display: none;">分享店铺<i class="street_icon"></i></button>
									</div>
									<p class="info_description_slogan">公主裙 王子服 演出服 汉服 
										<b>统统免费拿</b>
										！
									</p>
								</div>
								<div class="rules">
									<p class="titles">步骤方式介绍：</p>
									<p>1.复制淘口令进入店铺指定商品区域</p>
									<p>2.加店主微信，微信号（a3565145），备注（领优惠）</p>
									<p>3.选择服装款式，尺码一件，并备注（领优惠会员：www.lingyouhui.vip） 下单购买</p>
									<p>4.给店主发送订单号订单截图</p>
									<p>5.店主微信全额返款 <br/>
									（！！！发货一件样式随机，按照尺码发货 ！！！）</p>

									<p class="titles">文字文本：</p>
									<p>点击复制淘口令打开手机淘宝进入指定商品</p>
									<van-cell-group>
										<van-cell title="￥xsiCbzioQev￥" value="点击复制" @click="copyFunc1"/>
									</van-cell-group>
									<p>点击复制可直接打开微信加好友粘贴</p>
									<van-cell-group>
										<van-cell title="a3565145" value="点击复制" @click="copyFunc2"/>
									</van-cell-group>

									<p class="jieshao">
										淘宝店铺企业账号，安全有保障！如有怀疑可提前加微信了解（直接发网站介绍内容截图，不可一句一句问，店主是很忙滴！感谢配合！），购买后如有问题可淘宝官方退款并反馈站主，本站竭诚为大家提供最实惠的优惠！
									</p>
								</div>
							</div>
						</div>
					</div>
					<!-- end 个人信息模块 -->
			</div>
	</section>
</template>

<script>
export default {
  data() {
    return {
     
    };
  },
  components: {},
  methods: {
    jumpWindow(uri) {
      window.open(uri);
	},
	jumpRouter(uri, querys) {
      this.$router.push({ path: uri, query: querys });
    },
	copyFunc1() {
		let _this = this;
		let shareUrl = "￥xsiCbzioQev￥";
		this.$copyText(shareUrl).then(function (e) {
			_this.$toast('复制成功');
		}, function (e) {
			_this.$toast('复制失败！');
		})
	},
	copyFunc2() {
		let _this = this;
		let shareUrl = "a3565145";
		this.$copyText(shareUrl).then(function (e) {
			_this.$toast('复制成功');
		}, function (e) {
			_this.$toast('复制失败！');
		})
	},
  },
  mounted() {
  },
  computed: {}
};
</script>
<style scoped lang="scss">
#smallShop {
	height: 100%;
	background: rgb(244, 244, 244);
	.info {
			width: 100%;
			height: auto;
			padding-bottom: 160px;
			background-color: #fff;
			.info_wrapper{
				position: relative;
				width: 100%;
				height: auto;
			
					.baguette{
							position: absolute;
							right: 30px;
							top:20px;
							border:2px solid #F6D77E;
							font-size:30px;
							background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
							background-color:rgba(0,0,0,0.5); 
							padding:12px 23px;
							border-radius: 16px;
							color:#fff;
							text-align: center;
							letter-spacing: 0.1rem;
					}
					.info_banner {
							width: 100%;
							height: auto;
							display: block;
							min-height: 30px;
					}
					.display_flex{
							display: flex;
							flex-flow: row wrap;
					}
					.info_person {
							margin-top: 20px;
							width: 100%;
							.info_avatar {
									margin-left: 20px;
									margin-top: 30px;
									display: block;
									width: 140px;
									height: 140px;
									border-radius: 80px;
									border: 3px solid rgba(46,1,1,0.2);
									margin-right: 20px;
									cursor: pointer;
									overflow: hidden;
									.info_avatar_img {
											display: block;
											width: 140px;
											height: 140px;
									}
							}
							.info_description{
									.info_description_wrapper{
										
											color: rgb(51, 51, 51);
											padding: 60px 0 30px;
									}
									.info_description_slogan{
										color:rgb(153, 153, 153);
										font-size:26px;
										b{
											color: rgb(255, 86, 10);
											font-size:28px;
											font-weight: bold;
										}
									}
							}
					}

					.rules{
						width: 100%;
						height: auto;
						margin-top: 20px;
						.titles{
							font-size: 24px;
							color: #F6D77E;
						}
						p{
							line-height: 80px;
							font-size: 28px;
							padding-left: 30px;
						}
						.jieshao{
							font-size: 30px;
							color: rgb(255, 86, 10);
						}
					}
			}
	}
	
  
}
</style>
